<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="es"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang="es"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang="es"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="es"> <!--<![endif]-->
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>Condistelec</title>
		<link rel="stylesheet" href="{{ asset('css/main.css') }}">
		<link rel="stylesheet" href="{{ asset('css/login.css') }}">
	</head>
	<body>
		<div class="mainContainer">
			<div class="header">
				<img  src="{{ asset('images/banner.png') }}" alt="Programa Power Plus">
			</div>
			<div class="workContainer">
				<div class="areaPrincipal">
					<div style="width 100%;">
						<label class="titulo">Registrate, participa y GANA!</label><br/><br/>
						<label class="condistelecTexto">Jugá con Condistelec y participa por importantes premios y sorteos.</label>
						<label class="condistelecTexto">Poné a prueba tus conocimentos y accedé a la ronda final.</label>
					</div>
					<section>
					<br/>
					<form action="{{ path('_security_check') }}" method="post" class="form">
						<div  style="text-align: center; width: 100%">
						<div style="width: 40%; display: inline-block; text-align: center; ">

							<table class="login" border="0" cellspacing="0" cellpadding="0">
								<thead>
									<tr>
										<th colspan="3">Iniciar Sesión</th>
									</tr>
								</thead>
								
								<tbody>
									<tr>
										<td><label for="username">Usuario:</label></td>
						   				<td colspan="2"><input size="40" type="text" id="username" name="_username" value="{{ last_username }}" /></td>
						   			</tr>
						   			<tr>
										<td><label for="password">Password:</label></td>
										<td colspan="2"><input size="40" type="password" id="password" name="_password" /></td>
									</tr>
									<tr style="text-align: center;">
										<td colspan="3">
											{% if error %}
					    						<div class="error">{{ error.message }}</div>
											{% endif %}
										</td>
									</tr>
									<tr>
										<td colspan="3" style="text-align: center;">
											<div style="width: 100%">
												<input type="submit" class="ch-btn ch-btn-big regSub" alt="Iniciar sesión" value="Iniciar sesión" >
												<span><a class="ch-btn ch-btn-big regSub" href="{{ path('_cond_app_registo_usr') }}">Registrate</a></span>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
							<br/>
							<span><a class="recuperar" href="{{ path('_cond_app_clave') }}">¿Olvidaste tu información de Usuario?</a></span>
						</div>
						</div>
					</form>
					</section>
				</div>
			</div>
			<div class="mediaToolBar">
				<div id="mediaContainer">
					<ul>
						<li><a href="https://www.facebook.com/condistelec" target="_blank" class="facebook">&nbsp;</a></li>
						<li><a href="https://twitter.com/Condistelec" target="_blank" class="twitter">&nbsp;</a></li>
						<li><a href="http://www.youtube.com/user/condistelec/videos" target="_blank" class="youtube">&nbsp;</a></li>
					</ul>
				</div>
			</div>
			<div class="footer"></div>
		</div>
	</body>
</html>
